<template>
	<!--日租首页-->
	<yd-flexbox class="list5 list5rent" direction="vertical">
		<!--banner-->
		<div class="banner">
			<yd-slider :loop="false">
				<yd-slider-item v-for="item,key in carouseldata" :key="key">
					<a :href="item.imgHref" @click="GOimghref(item.imgHref)">
						<img v-if="item.imgUrl.indexOf('?')==-1" :src="item.imgUrl+'?imageslim'">
						<img v-else :src="item.imgUrl">
					</a>
				</yd-slider-item>
			</yd-slider>
		</div>
		<!--分类-->
		<div class="classification">
			<ul>
				<li v-for="item, key in houseTypedata" :key="key" @click="list_router(item.imgHref,item.hrefType,item.title,item.houseType)">
					<img class="icon-img" v-if="item.imgUrl.indexOf('?')==-1" :src="item.imgUrl+'?imageslim'" />
					<img class="icon-img" v-else :src="item.imgUrl" />
					<span>{{item.title}}</span>
				</li>
			</ul>
		</div>
		<!--房屋列表-->
		<div class="houselist">

			<yd-flexbox class="housenav">
				<yd-flexbox-item class="housenavitem" @click.native="accordion(source,cityId,version,1)"><span class="hntext" id="blocks">位置区域</span>
					<img v-if="accordionDH" src="../assets/img/icon_drop_down.png" />
					<img v-if="!accordionDH" src="../assets/img/icon_drop_top.png" />
				</yd-flexbox-item>
				<yd-flexbox-item class="housenavitem" @click.native="accordion(source,cityId,version,2)">

					<div id="checkinout">
						<div class="hntext" id="firstSelect" @click="accordion(source,cityId,version,2)">
							<div class="Date_lr">
								<span class="date-go hntext">入住时段</span>
								<input class="dateSelect hntext" id="startDate" ref="startDate" type="text" value="" style="" readonly>
							</div>
							<div class="Date_lr">
								<input class="dateSelect hntext" id="endDate" ref="endDate" type="text" value="" style="" readonly>
							</div>

						</div>
					</div>
					<div class="mask_calendar" style="display: block;" v-show="!tiemDH">
						<div class="calendar" style="display: block;" v-show="!tiemDH"></div>
						<!-- 提示 -->
						<div class="calendar_tishi">请选择离店日期...</div>
					</div>
					<img v-if="tiemDH" src="../assets/img/icon_drop_down.png" />
					<img v-if="!tiemDH" src="../assets/img/icon_drop_top.png" />
				</yd-flexbox-item>
				<yd-flexbox-item class="housenavitem" @click.native="accordion(source,cityId,version,3)">更多筛选

					<img v-if="moreDH" src="../assets/img/icon_drop_down.png" />
					<img v-if="!moreDH" src="../assets/img/icon_drop_top.png" />
				</yd-flexbox-item>
				<yd-flexbox-item class="housenavitem" @click.native="accordion(source,cityId,version,4)"><span class="hntext" id="Recommen">推荐排序</span>

					<img v-if="RecommendDH" src="../assets/img/icon_drop_down.png" />
					<img v-if="!RecommendDH" src="../assets/img/icon_drop_top.png" />
				</yd-flexbox-item>
				<div ref="accordionF" class="housenav-accordion">
					<div class="accordionDH-box" v-if="!accordionDH">
						<div class="myaddress" v-show="!accordionDH" @click="getlat()">我的附近</div>
						<yd-accordion class="addressAcc" accordion v-show="!accordionDH">
							<yd-accordion-item v-for="blocksitem,key in blocksData" :key="key" :title="blocksitem.name">
								<yd-flexbox direction="vertical">
									<yd-flexbox-item v-for="itemresult,key in blocksitem.result" :key="key" @click.native="blocksLLat(itemresult.areaId,itemresult.lat,itemresult.lng,itemresult.name,1)">{{itemresult.name}}</yd-flexbox-item>
								</yd-flexbox>
							</yd-accordion-item>
						</yd-accordion>
					</div>
					<!--入住时间-->
					<div v-if="!tiemDH">

					</div>
					<!--更多筛选-->
					<div class="moreDH" v-show="!moreDH">
						<!--价格-->
						<div class="more-box price">
							<div class="moreDH-title">价格</div>
							<div class="block">
								<el-slider class="my-el-slider" v-model="value9" range :max="maxnum" :show-tooltip="false" :change="changeFUN()">
								</el-slider>
								<div style="display: -webkit-flex;display: flex;justify-content: space-between;"><span class="pricemin">￥0</span><span class="pricemax">不限</span></div>
							</div>
						</div>
						<!--出租类型-->
						<div class="more-box housetype">
							<div class="moreDH-title">出租类型</div>

							<div class="list-box">
								<div class="list-item">
									<span class="minsu " @click="housetypeitem(0)"></span>
									<span class="leasetype_span">民宿套房</span>
								</div>
								<div class="list-item">

									<span class="danjian " @click="housetypeitem(1)"></span>
									<span class="leasetype_span">人民单间</span>
								</div>
								<div class="list-item">

									<span class="chuangwei" @click="housetypeitem(2)"></span>
									<span class="leasetype_span">青年床位</span>
								</div>
							</div>

						</div>

						<!--户型-->
						<div class="more-box layout">
							<div class="moreDH-title">户型</div>
							<div class="tags">
								<span @click="layoutitem(0)" class="layout-item">一居</span>
								<span @click="layoutitem(1)" class="layout-item">二居</span>
								<span @click="layoutitem(2)" class="layout-item">三居</span>
								<span @click="layoutitem(3)" class="layout-item">四居</span>
								<span @click="layoutitem(4)" class="layout-item">不限</span>
							</div>
						</div>
						<!--宜居人数-->
						<div class="more-box layout">
							<div class="moreDH-title">宜居人数</div>
							<div class="swiper-box">
								<div class="swiper-container swiper-number">
									<div class="swiper-wrapper">
										<div class="swiper-slide">1人</div>
										<div class="swiper-slide">2人</div>
										<div class="swiper-slide">3人</div>
										<div class="swiper-slide">4人</div>
										<div class="swiper-slide">5人</div>
										<div class="swiper-slide">6人</div>
										<div class="swiper-slide">7人</div>
										<div class="swiper-slide">8人</div>
										<div class="swiper-slide">9人</div>
										<div class="swiper-slide">10人</div>
										<div class="swiper-slide">10+</div>
										<div class="swiper-slide">不限</div>
									</div>
									<!-- Add Pagination -->
									<div class="swiper-pagination"></div>
								</div>
							</div>
						</div>

						<!--特色标签-->
						<div class="more-box tags">
							<div class="moreDH-title">特色标签</div>
							<div class="tags">
								<span v-for="tagsitems,key in tagsData" :key="key" @click="tagsitem(key)" class="layout-item tagsitem">{{tagsitems.content}}</span>
							</div>
						</div>
						<!--设施-->
						<div class="more-box tags">
							<div class="moreDH-title">设施</div>
							<div class="listtags5-box">
								<div class="listtags5-item hsc-list" v-for="Amenityitem,key in AmenityData" :key="key" @click="Amenityitemclick(key)">

									<img class="hscl-icon" v-if="Amenityitem.grayIcon.indexOf('?')==-1" :src="Amenityitem.grayIcon+'?imageslim'" />
									<img class="hscl-icon" v-else :src="Amenityitem.grayIcon" />
									<p style="margin-top: .1rem;">{{Amenityitem.amenityName}}</p>
								</div>
							</div>

						</div>

						<!--底部按钮-->
						<div class="moreDH-bottom">
							<span class="mb-btn mb-btn1" @click="morecolse()">取消</span>
							<span class="mb-btn mb-btn2" @click="moreok()">确认</span>

						</div>

					</div>
					<!--推荐排序-->
					<div v-if="!RecommendDH">
						<div @click="RecommendDHitemclick(0)" class="RecommendDH-item"><span>推荐排序</span>
							<yd-icon name="checkoff" style="display: none;"></yd-icon>
						</div>
						<div @click="RecommendDHitemclick(1)" class="RecommendDH-item"><span>租金从高到低</span>
							<yd-icon name="checkoff" style="display: none;"></yd-icon>
						</div>
						<div @click="RecommendDHitemclick(2)" class="RecommendDH-item"><span>租金从低到高</span>
							<yd-icon name="checkoff" style="display: none;"></yd-icon>
						</div>
					</div>
				</div>
			</yd-flexbox>
			<!--房屋内容-->
			<div class="house">
				<short-view :data="getlongHouseListdata" @getlongHouseList="getlongHouseList" ref="child"></short-view>
			</div>
		</div>

	</yd-flexbox>
</template>
<script>
	import { mapGetters, mapActions } from 'vuex'
	import api from '../fetch/api'
	import data1 from "../../static/data1.js";
	import Swiper from "../assets/libs/swiper.min.js";
	import ShortView from "./ShortView";
	export default {
		name: 'shortrent',
		data() {
			var that = this;
			return {
				//				接收首页分类传参
				router_houseType: that.$route.query.router_houseType,
				//				长租分类
				houseTypedata: [],
				//				二级首页banner
				carouseldata: [],
				//				房源列表
				getlongHouseListdata: [],
				//				判断是否传入经纬度
				page: 1,
				pageSize: [],
				cityId: sessionStorage.getItem("cityId"),
				mykey: that.$route.params.mykey,
				areaId: that.$route.params.areaId,
				lat: that.$route.params.lat,
				lng: that.$route.params.lng,
				longJoinRent: that.$route.params.longJoinRent,
				longHouseRent: that.$route.params.longHouseRent,
				houseRent: that.$route.params.houseRent,
				roomRent: that.$route.params.roomRent,
				bedRental: that.$route.params.bedRental,
				room: that.$route.params.room,
				personNumber: that.$route.params.personNumber,
				booking: that.$route.params.booking,
				priceLow: that.$route.params.priceLow,
				priceLowHigh: that.$route.params.priceLowHigh,
				amenityIdList: that.$route.params.amenityIdList,
				tags: that.$route.params.tags,
				prices: that.$route.params.prices,
				check_in_time: that.$route.params.check_in_time,
				check_out_time: that.$route.params.check_out_time,
				app_tag: that.$route.params.app_tag,
				accordionDH: true,
				tiemDH: true,
				moreDH: true,
				RecommendDH: true,
				//				地理筛选
				blocksData: [],
				//				标签筛选
				tagsData: [],
				//				设施筛选
				AmenityData: [],
				//				更多推荐
				value9: [0, 500],
				maxnum: 500,
				pands: 0,
				leiType: true,
				isFirstEnter: false, // 是否第一次进入，默认false
				userId: "",
				token: ""
			}
		},
		beforeRouteEnter(to, from, next) {
			// 路由导航钩子，此时还不能获取组件实例 `this`，所以无法在data中定义变量（利用vm除外）
			// 参考 https://router.vuejs.org/zh-cn/advanced/navigation-guards.html
			// 所以，利用路由元信息中的meta字段设置变量，方便在各个位置获取。这就是为什么在meta中定义isBack
			// 参考 https://router.vuejs.org/zh-cn/advanced/meta.html
			if(from.name == 'shortList') {
				to.meta.isBack = true;
				//判断是从哪个路由过来的，
				//如果是page2过来的，表明当前页面不需要刷新获取新数据，直接用之前缓存的数据即可
			}
			next();
		},
		activated() {
			var that = this;
			if(!that.$route.meta.isBack || that.isFirstEnter) {

				document.querySelector("#blocks").innerText = "位置区域";
				$("#Recommen").html("推荐排序");
				$(".date-go").html("入住时段")
				// 如果isBack是false，表明需要获取新数据，否则就不再请求，直接使用缓存的数据
				// 如果isFirstEnter是true，表明是第一次进入此页面或用户刷新了页面，需获取新数据
				//				接收首页分类传参
				that.router_houseType = that.$route.query.router_houseType,
					//				长租分类
					that.houseTypedata = [],
					//				二级首页banner
					that.carouseldata = [],
					//				房源列表
					that.getlongHouseListdata = [],
					//				判断是否传入经纬度
					that.page = 1,
					that.pageSize = [],
					that.cityId = sessionStorage.getItem("cityId"),
					that.mykey = that.$route.query.mykey,
					that.areaId = that.$route.query.areaId,
					that.lat = that.$route.query.lat,
					that.lng = that.$route.query.lng,
					that.longJoinRent = that.$route.query.longJoinRent,
					that.longHouseRent = that.$route.query.longHouseRent,
					that.houseRent = that.$route.query.houseRent,
					that.roomRent = that.$route.query.roomRent,
					that.bedRental = that.$route.query.bedRental,
					that.room = that.$route.query.room,
					that.personNumber = that.$route.query.personNumber,
					that.booking = that.$route.query.booking,
					that.priceLow = that.$route.query.priceLow,
					that.priceLowHigh = that.$route.query.priceLowHigh,
					that.amenityIdList = that.$route.query.amenityIdList,
					that.tags = that.$route.query.tags,
					that.prices = that.$route.query.prices,
					that.check_in_time = that.$route.query.check_in_time,
					that.check_out_time = that.$route.query.check_out_time,
					that.app_tag = that.$route.query.app_tag,
					that.accordionDH = true,
					that.tiemDH = true,
					that.moreDH = true,
					that.RecommendDH = true,
					//				地理筛选
					that.blocksData = [],
					//				标签筛选
					that.tagsData = [],
					//				设施筛选
					that.AmenityData = [],
					//				更多推荐
					that.value9 = [0, 500],
					that.maxnum = 500,
					that.pands = 0,
					that.leiType = true,
					that.isFirstEnter = false, // 是否第一次进入，默认false
					that.userId = "",
					that.token = ""
				$(".dateTable .rz").css("display", "none");
				$(".rz").parents("td").css({

					"background": "#fff",
					"color": "#282828"
				})
				$(".list5rent .backred").css({
					"background": "#fff",
					"color": "#282828"
				})
				if(sessionStorage.getItem("userinfo") != null) {
					let getHiss = JSON.parse(sessionStorage.getItem("userinfo"));
					that.userId = getHiss.id;
					that.token = getHiss.token;
				}
				that.$refs.accordionF.style.animation = "0.1s ease both accordionD";
				that.houseType(that.router_houseType);
				that.datetime();
				that.getlongHouseList(that.page);
			} else {

				that.accordionDH = true;
				that.tiemDH = true;
				that.moreDH = true;
				that.RecommendDH = true;
				that.$refs.accordionF.style.animation = "0.1s ease both accordionD";
			}
			// 恢复成默认的false，避免isBack一直是true，导致下次无法获取数据
			that.$route.meta.isBack = false
			// 恢复成默认的false，避免isBack一直是true，导致每次都获取新数据
			that.isFirstEnter = false;

		},
		created() {
			var that = this;
			that.isFirstEnter = true;
			// 只有第一次进入或者刷新页面后才会执行此钩子函数
			// 使用keep-alive后（2+次）进入不会再执行此钩子函数
		},

		computed: {
			...mapGetters([
				'source',
				'version'
			])
		},
		methods: {
			GOimghref(imghref) {
				window.location = imghref
			},
			//			重新赋值
			setval() {
				var that = this;
				that.mykey = "";
				//				that.areaId = "";
				//				that.lat = "";
				//				that.lng = "";
				that.longJoinRent = "";
				that.longHouseRent = "";
				that.houseRent = 0;
				that.roomRent = 0;
				that.bedRental = 0;
				that.room = "";
				that.personNumber = "";
				that.booking = "";
				that.priceLow = "";
				that.priceLowHigh = "";
				that.amenityIdList = "";
				that.tags = "";
				that.prices = "";
				that.check_in_time = "";
				that.check_out_time = "";
				that.app_tag = "";
			},
			//			入住时间
			datetime() {
				var that = this;
				$(function() {
					$('#firstSelect').on('click', function(e) {
						e.stopPropagation();
						e.preventDefault();
						$('.mask_calendar').show();
					});
					$('.mask_calendar').on('click', function(e) {
						e.stopPropagation();
						e.preventDefault();
						if(e.target.className == "mask_calendar") {
							$('.calendar').slideUp(100);
							$('.mask_calendar').fadeOut(100);
						}
					})
					$('#firstSelect').calendarSwitch({
						selectors: {
							sections: ".calendar"
						},
						index: 7, //展示的月份个数
						animateFunction: "slideToggle", //动画效果
						controlDay: true, //知否控制在daysnumber天之内，这个数值的设置前提是总显示天数大于90天
						daysnumber: "210", //控制天数
						comeColor: "#e25051", //入住颜色
						outColor: "#e25051", //离店颜色
						comeoutColor: "#ffb0b1", //入住和离店之间的颜色
						callback: function() { //回调函数
							$('.mask_calendar').fadeOut(200);
							var startDate = $('#startDate').val(); //入住的天数
							var endDate = $('#endDate').val(); //离店的天数
							var NumDate = $('.NumDate').text(); //共多少晚
							sessionStorage.setItem("startDate", startDate);
							sessionStorage.setItem("endDate", endDate);
							sessionStorage.setItem("NumDate", NumDate);
							//下面做ajax请求
						},
						comfireBtn: '.comfire' //确定按钮的class或者id
					});
					var b = new Date();
					var ye = b.getFullYear();
					var mo = b.getMonth() + 1;
					mo = mo < 10 ? "0" + mo : mo;
					var da = b.getDate();
					da = da < 10 ? "0" + da : da;
					$('#startDate').val(ye + '-' + mo + '-' + da);
					b = new Date(b.getTime() + 24 * 3600 * 1000);
					var ye = b.getFullYear();
					var mo = b.getMonth() + 1;
					mo = mo < 10 ? "0" + mo : mo;
					var da = b.getDate();
					da = da < 10 ? "0" + da : da;
					$('#endDate').val(ye + '-' + mo + '-' + da);
				})
				setTimeout(() => {
					var tiemtex = "";
					$(".dateTable>tbody>tr>td").on("click", function() {
						$(".dateTable .rz").show();
						let zhi = $(this).find(".rz").text();
						if(zhi == "起") {
							let years = $(this).parents(".dateTable").prev().text();
							let yy = years.split("年")[0];
							let mm = parseInt(years.split("年")[1]);
							let dd = $(this).find(".days").text();
							var time1 = yy + "-" + mm + "-" + dd;
							tiemtex += time1 + "至";
							let datetime1 = new Date(time1);
							that.check_in_time = (datetime1.getTime() / 1000).toString();
						}
						if(zhi == "止") {
							//在这里的天数值等等。。。。。
							let years = $(this).parents(".dateTable").prev().text();
							let yy = years.split("年")[0];
							let mm = parseInt(years.split("年")[1]);
							let dd = $(this).find(".days").text();
							var time2 = yy + "-" + mm + "-" + dd;
							tiemtex += time2;
							let datetime2 = new Date(time2);
							that.check_out_time = (datetime2.getTime() / 1000).toString();
							that.accordionDH = true;
							that.tiemDH = true;
							that.moreDH = true;
							that.RecommendDH = true;
							that.$refs.accordionF.style.animation = ".1s ease both accordionD";
							document.body.style.overflow = "visible";
							document.querySelector("html").style.overflow = "visible";
							$(".date-go").html(tiemtex);
							that.getlongHouseListdata = [];
							that.getlongHouseList(that.page);
						}
					})
				}, 1000)
			},
			//			排序筛选
			RecommendDHitemclick(i) {
				var that = this;
				$(".RecommendDH-item").eq(i).addClass("RecommendDH-item-active").siblings().removeClass("RecommendDH-item-active");
				$(".RecommendDH-item").eq(i).find(".yd-icon-checkoff").show().parents(".RecommendDH-item").siblings().find(".yd-icon-checkoff").hide();
				that.prices = $(".RecommendDH-item-active").index().toString();

				if(that.RecommendDH == false) {
					that.RecommendDH = true;
					that.$refs.accordionF.style.animation = ".1s ease both accordionD";
					document.body.style.overflow = "visible";
					document.querySelector("html").style.overflow = "visible";
				}
				$("#Recommen").html($(".RecommendDH-item").eq(i).find("span").text());
				that.getlongHouseListdata = [];
				that.getlongHouseList(that.page);
			},
			//			价格改变
			changeFUN() {
				var that = this;
				if(that.value9[1] == 500) {
					$(".pricemax").html("不限");
				} else {
					$(".pricemax").html("￥" + that.value9[1]);
				}
				$(".pricemin").html("￥" + that.value9[0]);
			},
			//			出租类型选择
			housetypeitem(type) {
				if(type == 0) {
					$(".minsu").addClass("minsuactive typeactive");
					$(".danjian").removeClass("danjianactive  typeactive");
					$(".chuangwei").removeClass("chuangweiactive  typeactive");
				}
				if(type == 1) {
					$(".minsu").removeClass("minsuactive  typeactive");
					$(".danjian").addClass("danjianactive  typeactive");
					$(".chuangwei").removeClass("chuangweiactive  typeactive");
				}
				if(type == 2) {
					$(".minsu").removeClass("minsuactive  typeactive");
					$(".danjian").removeClass("danjianactive typeactive");
					$(".chuangwei").addClass("chuangweiactive typeactive");
				}
			},
			//			户型选择
			layoutitem(i) {
				$(".layout-item").eq(i).addClass("more-item-active").siblings().removeClass("more-item-active");
			},
			//			特色标签
			tagsitem(i) {
				if($(".tagsitem").eq(i).hasClass("layout-item-active")) {
					$(".tagsitem").eq(i).removeClass("layout-item-active")
				} else {
					$(".tagsitem").eq(i).addClass("layout-item-active")
				}

			},
			//			设施筛选
			Amenityitemclick(i) {
				var that = this;
				if($(".hsc-list").eq(i).find("p").hasClass("hscl-icon-active")) {
					$(".hsc-list").eq(i).find("p").removeClass("hscl-icon-active")
					$(".hsc-list").eq(i).find(".hscl-icon").attr("src", that.AmenityData[i].grayIcon);
					$(".hsc-list").eq(i).find(".amenityID").remove();
				} else {
					$(".hsc-list").eq(i).find("p").addClass("hscl-icon-active")
					$(".hsc-list").eq(i).find(".hscl-icon").attr("src", that.AmenityData[i].redIcon);
					$(".hsc-list").eq(i).find("div").append("<span class='amenityID'>" + that.AmenityData[i].amenityId + "</span>")
				}
			},
			//			更多筛选关闭按钮
			morecolse() {
				var that = this;
				that.moreDH = true;
				that.$refs.accordionF.style.animation = ".1s ease both accordionD";
				document.body.style.overflow = "visible";
				document.querySelector("html").style.overflow = "visible";
			},
			//			更多筛选确定筛选
			moreok() {
				var that = this;
				that.setval();
				that.page = 1; //  string 否
				if($(".minsu").hasClass("minsuactive")) {
					that.houseRent = 1; //  string 否 整租
					that.roomRent = 0; //  string 否 单间
					that.bedRental = 0 //  string 否 床位
				}
				if($(".danjian").hasClass("danjianactive")) {
					that.houseRent = 0; //  string 否 整租
					that.roomRent = 1; //  string 否 单间
					that.bedRental = 0 //  string 否 床位
				}
				if($(".chuangwei").hasClass("chuangweiactive")) {
					that.houseRent = 0; //  string 否 整租
					that.roomRent = 0; //  string 否 单间
					that.bedRental = 1 //  string 否 床位
				}
				if($(".more-item-active").text() == "不限") {
					that.room = "";
				} else {
					that.room = $(".more-item-active").index() + 1; //  string 否 几室
				}
				if($(".swiper-slide-active").text() == "不限") {
					that.personNumber = "";
				} else {

					that.personNumber = parseInt($(".swiper-slide-active").text()); //  string 否 适合人数
				}
				that.priceLow = that.value9[0].toString(); //  string 否
				that.priceLowHigh = that.value9[1].toString(); //  string 否
				let amenityIdList_active = "";
				for(var i = 0; i < $(".amenityID").length; i++) {
					if(i == $(".amenityID").length - 1) {
						amenityIdList_active += $(".amenityID").eq(i).text();
					} else {

						amenityIdList_active += $(".amenityID").eq(i).text() + ",";
					}
				}
				that.amenityIdList = amenityIdList_active; //  string 否
				let app_tag_active = "";
				for(var i = 0; i < $(".layout-item-active").length; i++) {
					if(i == $(".layout-item-active").length - 1) {
						app_tag_active += $(".layout-item-active").eq(i).text();
					} else {

						app_tag_active += $(".layout-item-active").eq(i).text() + ",";
					}
				}
				that.tags = app_tag_active; //  string 是 标签搜索， id用 ','隔开

				//				that.moreDH = true;
				//				that.$refs.accordionF.style.animation = ".1s ease both accordionD";
				if(that.moreDH == false) {
					that.moreDH = true;
					that.$refs.accordionF.style.animation = ".1s ease both accordionD";
					document.body.style.overflow = "visible";
					document.querySelector("html").style.overflow = "visible";
				}
				that.getlongHouseListdata = [];
				that.getlongHouseList(that.page);
			},
			getlat() {
				var that = this
				var map, geolocation;
				AMap.service(['AMap.Geolocation'], function() {
					geolocation = new AMap.Geolocation({
						enableHighAccuracy: true, //是否使用高精度定位，默认:true
						timeout: 10000, //超过10秒后停止定位，默认：无穷大
						buttonPosition: 'RB'
					});
					geolocation.getCurrentPosition();
					AMap.event.addListener(geolocation, 'complete', that.onComplete); //返回定位信息
					AMap.event.addListener(geolocation, 'error', that.onError); //返回定位出错信息
				})
			},
			onComplete(data) {
				var that = this;
				var str = ['定位成功'];
				that.lng = data.position.getLng();
				that.lat = data.position.getLat();

				if(data.accuracy) {
					str.push('精度：' + data.accuracy + ' 米');
				} //如为IP精确定位结果则没有精度信息
				str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));

				let name = "我的附近";
				let areaId = "";
				let page = 1;
				that.getlongHouseListdata = [];
				that.blocksLLat(areaId.toString(), that.lat.toString(), that.lng.toString(), name, page);
				that.accordionDH = true;
				that.$refs.accordionF.style.animation = ".1s ease both accordionD";
				document.body.style.overflow = "visible";
				document.querySelector("html").style.overflow = "visible";
				//					that.$dialog.toast({
				//					mes: str[0],
				//					timeout: 1000
				//				});
			},
			onError(data) {
				var that = this;
				that.accordionDH = true;
				that.$refs.accordionF.style.animation = ".1s ease both accordionD";
				document.body.style.overflow = "visible";
				document.querySelector("html").style.overflow = "visible";
				that.$dialog.toast({
					mes: "暂时无法获取您的位置",
					timeout: 1000
				});
			},
			blocksLLat(areaId, lat, lng, name, page) {
				var that = this;
				that.setval();
				that.areaId = areaId.toString();
				that.lat = lat.toString();
				that.lng = lng.toString();
				that.page = page;
				if(that.accordionDH == false) {
					that.accordionDH = true;
					that.$refs.accordionF.style.animation = ".1s ease both accordionD";
					document.body.style.overflow = "visible";
					document.querySelector("html").style.overflow = "visible";
				}
				document.querySelector("#blocks").innerText = name;
				that.getlongHouseListdata = [];
				$(".date-go").html("入住时段");
				$("#Recommen").html("推荐排序");
				that.getlongHouseList(that.page);
			},
			accordion(source, cityId, version, item) {
				var that = this;
				if(document.querySelector("#topopen").style.display == "none") {
					$(".list5rent .housenav-accordion").css("top", ".85rem");
					$(".list5rent .housenavitem .mask_calendar").css("top", ".85rem");
				}
				if(item == 1) {
					if(that.accordionDH == true) {

						var ajaxSign = {
							"source": that.source, // string 是
							"cityId": cityId, //  string 是
							"version": that.version
						};
				let ajaxData = api.getAES(ajaxSign);
						//				数据调用
						api.GetBlocks(ajaxData)
						.then(res => {
							let ajaxdata = res.result;
							that.blocksData = ajaxdata;
							that.accordionDH = false;
							that.tiemDH = true;
							that.moreDH = true;
							that.RecommendDH = true;
							that.$refs.accordionF.style.animation = ".1s ease both accordionF";

							document.body.style.overflow = "hidden";
							document.querySelector("html").style.overflow = "hidden";
						})

					} else if(that.accordionDH == false) {
						$(".housenavitem").eq(item - 1).find("img").attr("src", "../assets/img/icon_drop_down.png")
						that.accordionDH = true;
						that.tiemDH = true;
						that.moreDH = true;
						that.RecommendDH = true;
						that.$refs.accordionF.style.animation = ".1s ease both accordionD";
						$(".list5rent .housenav-accordion").css("top", "1.9rem");
						document.body.style.overflow = "visible";
						document.querySelector("html").style.overflow = "visible";
					}
				}

				if(item == 2) {
					if(that.tiemDH == true) {
						that.accordionDH = true;
						that.tiemDH = false;
						that.moreDH = true;
						that.RecommendDH = true;
						that.$refs.accordionF.style.animation = ".1s ease both accordionF";
						document.body.style.overflow = "hidden";
						document.querySelector("html").style.overflow = "hidden";
					} else if(that.tiemDH == false) {
						that.accordionDH = true;
						that.tiemDH = true;
						that.moreDH = true;
						that.RecommendDH = true;
						that.$refs.accordionF.style.animation = ".1s ease both accordionD";
						$(".list5rent .housenav-accordion").css("top", "1.9rem");
						document.body.style.overflow = "visible";
						document.querySelector("html").style.overflow = "visible";
					}
				}
				//				更多筛选
				if(item == 3) {
					if(that.moreDH == true) {

						that.accordionDH = true;
						that.tiemDH = true;
						that.moreDH = false;
						that.RecommendDH = true;
						that.$refs.accordionF.style.animation = ".1s ease both accordionF";
						//							获取特色标签
						var ajaxSign = {
							"source": that.source, // string 是
							"houseType": '2', //  string 是
						};
				let ajaxData = api.getAES(ajaxSign);
						//				数据调用
						api.GetHouseTags(ajaxData)
						.then(res => {
							let ajaxdata = res.result;
							that.tagsData = ajaxdata;
						})
						//							获取设施
						var AmenityajaxData = {
							"source": that.source, // string 是
							"houseType": 2, //  string 是
						};
				let AajaxData = api.getAES(AmenityajaxData);
						//				数据调用
						api.GetHouseAmenity(AajaxData)
						.then(res => {
							let ajaxdata = res.result;
							that.AmenityData = ajaxdata;
							that.$nextTick(function() {
								that.swiperFun();
							})
							document.body.style.overflow = "hidden";
							document.querySelector("html").style.overflow = "hidden";
						})

					} else if(that.moreDH == false) {

						that.accordionDH = true;
						that.tiemDH = true;
						that.moreDH = true;
						that.RecommendDH = true;
						that.$refs.accordionF.style.animation = ".1s ease both accordionD";
						$(".list5rent .housenav-accordion").css("top", "1.9rem");
						document.body.style.overflow = "visible";
						document.querySelector("html").style.overflow = "visible";
					}

				}
				if(item == 4) {
					if(that.RecommendDH == true) {

						that.accordionDH = true;
						that.tiemDH = true;
						that.moreDH = true;
						that.RecommendDH = false;
						that.$refs.accordionF.style.animation = ".1s ease both accordionF";

						document.body.style.overflow = "hidden";
						document.querySelector("html").style.overflow = "hidden";
					} else if(that.RecommendDH == false) {

						that.accordionDH = true;
						that.tiemDH = true;
						that.moreDH = true;
						that.RecommendDH = true;
						that.$refs.accordionF.style.animation = ".1s ease both accordionD";
						$(".list5rent .housenav-accordion").css("top", "1.9rem");
						document.body.style.overflow = "visible";
						document.querySelector("html").style.overflow = "visible";
					}
				}
			},

			//			收藏按钮
			selectSort(event) {　　　　　　　
				var el = event.currentTarget;
				if(el.children[1].getAttribute("hidden") == "hidden") {
					el.children[0].setAttribute("hidden", "hidden");
					el.children[1].removeAttribute("hidden");
				} else {
					el.children[0].removeAttribute("hidden");
					el.children[1].setAttribute("hidden", "hidden");
				}　　　　　　
			},
			//			banner图跳转
			Hrefclick(imgHref) {
				//				that.$router.push({
				//					name: '',
				//					params: {
				//						router_houseType: router_houseType
				//					}
				//				})
			},
			//			整租跳转
			list_router(imgHref, hrefType, title, houseType) {
				var that = this;
				//				var that = this;
				//				that.setval();
				sessionStorage.setItem("houseType", houseType);
				if(hrefType == 1 && imgHref == "roomRent" && title == "人民单间") {
					that.$router.push({
						path: '/shortList',
						query: {
							houseType: '2',
							roomRent: '1',
							houseRent: '0',
							bedRental: '0',
							cityId: that.cityId
						}
					})
				}
				if(hrefType == 1 && imgHref == "houseRent" && title == "民宿套房") {
					that.$router.push({
						path: '/shortList',
						query: {
							houseType: '2',
							houseRent: '1',
							roomRent: '0',
							bedRental: '0',
							cityId: that.cityId
						}
					})
				}
				if(hrefType == 1 && imgHref == "bedRental" && title == "青年床位") {
					that.$router.push({
						path: '/shortList',
						query: {
							houseType: '2',
							bedRental: '1',
							houseRent: '0',
							roomRent: '0',
							cityId: that.cityId
						}
					})
				}
				if(hrefType == 1 && imgHref == "" && title == "月租房") {

					that.$router.push({
						path: '/shortList',
						query: {
							houseType: '2',
							cityId: that.cityId
						}
					})
				}
				if(hrefType == 2 && imgHref == "" && title == "地图找房") {
					//					that.$router.push({
					//						path: '/shortList',
					//						query: {
					//							houseType: 2,
					//							cityId: that.cityId
					//						}
					//					})
					that.$router.push({
						path: '/mapHouse',
						query: {
							houseType: '2',
							cityId: that.cityId
						}
					})
				}
				if(hrefType == 1 && imgHref == "" && title == "全部房源") {
					that.$router.push({
						path: '/shortList',
						query: {
							houseType: '2',
							cityId: that.cityId
						}
					})
				}

			},
			houseType(router_houseType) {
				var that = this;
				var ajaxSign = {
					"houseType": router_houseType,
					"source": that.source,
					"cityId": that.cityId
				};
				let ajaxData = api.getAES(ajaxSign);
				api.GetColumn(ajaxData)
				.then(res => {
					let ajaxdata = res.result;
					if(ajaxdata.column.length == 0) {
						that.houseTypedata = false;
					} else {
						that.houseTypedata = ajaxdata.column;
					}
					if(ajaxdata.carousel.length == 0) {
						that.carouseldata = false;
					} else {
						that.carouseldata = ajaxdata.carousel;
					}
				})

			},
			//			列表查询
			getlongHouseList(page) {
				var that = this;
				var ajaxSign = {
					"userId": that.userId.toString(),
					"token": that.token,
					"source": that.source, // string 是
					"houseType": that.router_houseType, //  string 是
					"cityId": that.cityId, //  string 是
					"key": that.mykey, //  string 否
					"page": page.toString(), //  string 否
					"areaId": that.areaId, //  string 否
					"lat": that.lat, //  string 否
					"lng": that.lng, //  string 否
					"longJoinRent": that.longJoinRent, //  string 否 合租
					"longHouseRent": that.longHouseRent, //  string 否 长租
					"houseRent": that.houseRent, //  string 否 整租
					"roomRent": that.roomRent, //  string 否 单间
					"bedRental": that.bedRental, //  string 否 床位
					"room": that.room, //  string 否 几室
					"personNumber": that.personNumber, //  string 否 适合人数
					"booking": that.booking, //  string 否 极速定
					"priceLow": that.priceLow, //  string 否
					"priceLowHigh": that.priceLowHigh, //  string 否
					"amenityIdList": that.amenityIdList, //  string 否
					"tags": that.tags, //  string 否
					"prices": that.prices, //  string 否 1 高 2 低
					"check_in_time": that.check_in_time, //  string 是 开始时间戳
					"check_out_time": that.check_out_time, //  string 是 结束时间戳
					"app_tag": that.app_tag, //  string 是 标签搜索， id用 ','隔开
				};
				if(ajaxSign.room != undefined || ajaxSign.houseRent != undefined || ajaxSign.roomRent != undefined || ajaxSign.bedRental != undefined|| ajaxSign.personNumber != undefined) {
					ajaxSign.room = ajaxSign.room.toString();
					ajaxSign.houseRent = ajaxSign.houseRent.toString();
					ajaxSign.roomRent = ajaxSign.roomRent.toString();
					ajaxSign.bedRental = ajaxSign.bedRental.toString();
					ajaxSign.personNumber = ajaxSign.personNumber.toString();
				}
				let ajaxData = api.getAES(ajaxSign);
				//				数据调用
				api.GetShortList(ajaxData)
				.then(res => {
					let ajaxdata = res.result;
					that.pageSize = ajaxdata.length;
					$.each(ajaxdata, function(i, data) {
						$.each(data.houseImgUrlList, function(j, imgurllistdata) {
							if(imgurllistdata.imgId == data.houseImgUrl) {
								data.houseImgUrl = imgurllistdata.imgUrl;
							}
						});

					});

					that.getlongHouseListdata = that.getlongHouseListdata.concat(ajaxdata);
					if((that.pageSize % 5) != 0 || that.pageSize == 0) {
						that.$refs.child.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.loadedDone');
						return;
					} else {
						that.$refs.child.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.reInit');
					}
				})

			},

			loadList() {
				var that = this;
				if(that.pageSize == 0) {
					that.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.loadedDone');
				}
				/* 单次请求数据完毕 */
				that.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.finishLoad');
				that.page++;
				that.getlongHouseList(that.page);
			},
			selectSort(event) {　　　　　　　
				var el = event.currentTarget;
				if(el.children[1].getAttribute("hidden") == "hidden") {
					el.children[0].setAttribute("hidden", "hidden");
					el.children[1].removeAttribute("hidden");
				} else {
					el.children[0].removeAttribute("hidden");
					el.children[1].setAttribute("hidden", "hidden");
				}　　　　　　
			},
			swiperFun() {
				var swiper = new Swiper('.swiper-container', {
					slidesPerView: 5,
					spaceBetween: 30,
					centeredSlides: true
				});
			}
		},
		components: {
			ShortView
		}
	}
</script>
<style>
	/*引入图文theme5列表样式*/
	
	@import url("../assets/css/caldate.css");
	@import url("../assets/css/cldate1.css");
	@import url("../assets/css/swiper.min.css");
	@import url("../assets/css/listfive.css");
	.list5rent .dateTable .rz {
		display: none;
	}
	
	.list5rent .backred {
		background: #fff;
		color: #282828;
	}
	
	.list5rent .hover {
		display: none;
	}
	
	.list5rent .yd-accordion-head-arrow {
		margin-right: .01rem;
	}
	
	.list5rent .yd-accordion-head-arrow:after {
		content: "";
		width: .18rem;
		height: .18rem;
		border: 1px solid #a0a0a0;
		border-right: none;
		border-top: none;
		display: block;
		transition: transform .1s linear;
		transform: rotate(-45deg);
	}
	
	.list5rent .yd-accordion-head-arrow.yd-accordion-rotated:after {
		border-right: 1px solid #e34648;
		border-top: 1px solid #e34648;
		border-left: none;
		border-bottom: none;
		transform: rotate(-45deg);
	}
	
	.list5rent .list-box {
		display: flex;
		justify-content: space-between;
	}
	
	.list5rent .list-box span {
		display: block;
	}
	
	.list5rent .list-item {
		width: 33.33333%;
		text-align: center;
	}
	
	.list5rent .listtags5-box {
		display: flex;
		-webkit-flex-wrap: wrap;
	}
	
	.list5rent .listtags5-item {
		width: 20%;
		text-align: center;
		padding: .24rem 0;
		box-sizing: border-box;
	}
	/*筛选样式*/
	
	.list5rent .amenityID {
		display: none;
	}
	
	.list5rent .housenav-accordion .yd-flexbox-item {
		font-size: .28rem;
		padding: .24rem;
		box-sizing: border-box;
		position: relative;
	}
	
	.list5rent .housenav-accordion .yd-flexbox-item::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #d9d9d9;
	}
	
	.list5rent .hntext {
		display: block;
		width: 1.3rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.list5rent .addressAcc {
		overflow-y: auto;
		position: absolute;
		top: 1rem;
		left: 0;
		right: 0;
	}
	
	.list5rent .accordionDH-box {
		position: relative;
	}
	
	.list5rent .myaddress {
		position: absolute;
		width: 100%;
		padding: 0 .24rem;
		box-sizing: border-box;
		line-height: .9rem;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		background: #fff;
		font-size: .28rem;
		z-index: 99;
	}
	
	.list5rent .housenav-accordion {
		position: fixed;
		top: 2.15rem;
		bottom: 15rem;
		left: 0;
		right: 0;
		background: #FFFFFF;
		z-index: 99;
		box-sizing: border-box;
		overflow-y: auto;
	}
	
	@keyframes accordionF {
		from {
			bottom: 15rem;
			border-top: none;
		}
		to {
			bottom: 0;
			border-top: 1px solid rgba(0, 0, 0, 0.05);
		}
	}
	
	@keyframes accordionD {
		from {
			bottom: 0;
			border-top: 1px solid rgba(0, 0, 0, 0.05);
		}
		to {
			bottom: 15rem;
			border-top: none;
		}
	}
	/*入住时段*/
	
	.list5rent .housenavitem #checkinout {
		height: initial !important;
		line-height: none;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
	}
	
	.list5rent .housenavitem #startDate,
	.list5rent .housenavitem #endDate {
		width: 1.3rem;
		display: none;
	}
	
	.list5rent .housenavitem .mask_calendar {
		display: block;
		top: 2rem;
		background: none !important;
	}
	
	.list5rent .housenavitem .headerWrapper {
		display: none !important;
	}
	
	.list5rent .housenavitem .dateZone {
		margin-top: 0 !important;
	}
	
	.list5rent .housenavitem .tbody {
		margin-top: .9rem;
	}
	
	.list5rent .housenavitem .calendar {
		padding-bottom: 3rem;
		box-sizing: border-box;
	}
	/*更多推荐*/
	
	.list5rent .el-slider__bar {
		background-color: #EF4F4F !important;
	}
	
	.list5rent .el-slider__button {
		border-color: #EF4F4F;
		width: .48rem;
		height: .48rem;
	}
	
	.list5rent .moreDH {
		padding: 0 .24rem 1rem .24rem;
		box-sizing: border-box;
	}
	
	.list5rent .more-box {
		padding-bottom: .24rem;
		box-sizing: border-box;
	}
	
	.list5rent .moreDH-title {
		font-size: .31rem;
		padding: .2rem 0;
		box-sizing: border-box;
	}
	
	.list5rent .moreDH .mh-text {
		font-size: .24rem;
		color: rgb(239, 79, 79);
	}
	
	.list5rent .moreDH .my-el-slider {
		padding: 0 .24rem !important;
		box-sizing: border-box;
	}
	
	.list5rent .moreDH .yd-grids-3:before,
	.list5rent .moreDH .yd-grids-item:after,
	.list5rent .moreDH .yd-grids-3 .yd-grids-item:not(:nth-child(3n)):before,
	.list5rent .moreDH .yd-grids-2:before,
	.list5rent .moreDH .yd-grids-2 .yd-grids-item:not(:nth-child(2n)):before,
	.list5rent .moreDH .yd-flexbox-item::after,
	.list5rent .moreDH .yd-grids-5 .yd-grids-item:not(:nth-child(5n)):before,
	.list5rent .moreDH .yd-grids-5:before {
		display: none !important;
	}
	
	.list5rent .moreDH .hscl-icon {
		max-width: .54rem;
		height: .4rem;
		color: #282828;
		font-size: .175rem;
	}
	
	.list5rent .moreDH .hscl-icon-active {
		color: #E25051;
	}
	
	.list5rent .moreDH .yd-grids-4 {
		padding: 0 .35rem .35rem .35rem;
		box-sizing: border-box;
	}
	
	.list5rent .moreDH .hsc-list {
		font-size: .24rem;
		text-align: center;
		padding: .3rem 0;
	}
	
	.list5rent .moreDH .hsc-list p {
		margin-top: .2rem;
	}
	
	.list5rent .layout-item {
		display: inline-block;
		font-size: .28rem;
		text-align: center;
		padding: .1rem .2rem;
		box-sizing: border-box;
		border: 1px solid gainsboro;
		border-radius: 3px;
	}
	
	.list5rent .tags .layout-item {
		padding: .1rem .2rem;
		box-sizing: border-box;
		margin: .16rem;
	}
	
	.list5rent .layout-item-active {
		border-color: #E25051;
		color: #e25051;
	}
	
	.list5rent .more-item-active {
		border-color: #E25051;
		color: #e25051;
	}
	/*出租类型*/
	
	.list5rent .housetype-item span {
		display: block;
	}
	
	.list5rent .chuangwei {
		background: url(../assets/img/bed2.png) no-repeat center;
	}
	
	.list5rent .minsu {
		background: url(../assets/img/zhengzu.png) no-repeat center;
	}
	
	.list5rent .chuangwei,
	.list5rent .danjian,
	.list5rent .minsu {
		width: 1.04rem;
		height: 1.04rem;
		margin: auto;
		background-size: .6rem;
		border: 2px solid #424242;
		border-radius: 50%;
		margin-bottom: .16rem;
	}
	
	.list5rent .danjian {
		background: url(../assets/img/hezhu.png) no-repeat center;
		background-size: .5rem;
	}
	
	.list5rent .minsuactive {
		background: #E25051 url(../assets/img/zhengzu1.png) no-repeat center;
		background-size: .6rem;
		border-color: #E25051;
	}
	
	.list5rent .chuangweiactive {
		background: #E25051 url(../assets/img/bed1.png) no-repeat center;
		background-size: .6rem;
		border-color: #E25051;
	}
	
	.list5rent .danjianactive {
		background: #E25051 url(../assets/img/hezhu1.png) no-repeat center;
		background-size: .5rem;
		border-color: #E25051;
	}
	/*宜居人数*/
	
	.list5rent .moreDH .swiper-number .swiper-slide-active {
		border-top: 2px solid #E25051;
		border-bottom: 2px solid #E25051;
		font-size: 0.4rem;
		color: #E25051;
		text-align: center;
	}
	
	.list5rent .moreDH .swiper-slide {
		font-size: .31rem;
	}
	/*底部按钮*/
	
	.list5rent .moreDH-bottom {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		border-top: 1px solid #eeeeee;
		box-sizing: border-box;
		padding: .24rem 0;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		background: white;
		z-index: 9999;
	}
	
	.list5rent .mb-btn {
		display: block;
		width: 1.77rem;
		line-height: .69rem;
		background: #e25051;
		color: #fff;
		border-radius: 5px;
		margin: 0 0.2rem;
	}
	
	.list5rent .mb-btn1 {
		float: right;
		background: #c4c4c4;
	}
	/*排序*/
	
	.list5rent .RecommendDH-item {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		font-size: .28rem;
		padding: .24rem;
		border-bottom: 1px solid #eeeeee;
		box-sizing: border-box;
	}
	
	.list5rent .RecommendDH-item-active {
		color: #e25051;
	}
	
	.list5rent .RecommendDH-item .yd-icon-checkoff {
		font-size: .28rem !important;
	}
	/*banner*/
	
	.list5rent .banner img {
		width: 100%;
		max-height: 5rem;
	}
	
	.list5rent .daylist img {
		margin-top: -30%;
		min-width: 100%;
		min-height: 130%;
	}
	
	.list5rent .yd-slider-pagination {
		display: none !important;
	}
	/*分类*/
	
	.list5rent .classification {
		width: 100%;
		background: #FFFFFF;
	}
	
	.list5rent .classification ul {
		width: 100%;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		padding-bottom: .3rem;
		box-sizing: border-box;
	}
	
	.list5rent .classification li {
		width: 33.33333%;
		text-align: center;
		padding-top: .3rem;
		box-sizing: border-box;
	}
	
	.list5rent .icon-img {
		display: block;
		margin: auto;
		width: .87rem;
		margin-bottom: .17rem;
	}
	
	.list5rent .classification li span {
		display: block;
		font-size: .31rem;
	}
	/*房屋列表*/
	
	.list5rent .houselist {
		width: 100%;
		padding-top: .1rem;
		box-sizing: border-box;
	}
	
	.list5rent .housenav {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		box-sizing: border-box;
		background: #FFFFFF;
		margin-bottom: 1px;
	}
	
	.list5rent .housenavitem {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		font-size: .28rem;
	}
	
	.list5rent .housenavitem img {
		height: .12rem;
		margin-left: .1rem;
	}
	
	.list5rent .yd-list-loading>div {
		display: block !important;
	}
	/*房屋内容*/
</style>